<template>
  <div id="app">
    <!-- 对于需要特殊处理的页面 -->
    <template v-if="$route.path === '/login' || $route.path === '/register'">
      <router-view />
    </template>
    <template v-else>
      <!-- 其他页面直接渲染路由视图，布局已经在路由中定义 -->
      <router-view />
    </template>
  </div>
</template>

<script setup>
// import { onMounted, onUnmounted } from 'vue'

// // 页面关闭或刷新前的处理函数
// const handleBeforeUnload = () => {
//   // 清空本地存储数据
//   localStorage.clear()
// }

// // 添加事件监听器
// onMounted(() => {
//   window.addEventListener('beforeunload', handleBeforeUnload)
// })

// // 移除事件监听器，避免内存泄漏
// onUnmounted(() => {
//   window.removeEventListener('beforeunload', handleBeforeUnload)
// })
</script>

<style>
#app {
  min-height: 100vh;
}
</style>